*{
  text-shadow: none;
}
#gameInfo{
 padding-top: 100px;
 padding-bottom:50px; 
 width: 100%;
 display: flex;
 justify-content: center;
 margin-bottom: 20px;
 position: relative;
 z-index:1;
 overflow: hidden;
 background-size: cover !important;
}
#gameInfo .main{
  width: 1200px;
  z-index: 4;
 }
 
 #gameInfo .main .url{
  width: 100%;
  color: #333;
  margin-bottom: 20px;
 }
 #gameInfo .main .url span{
  color: #333;
  cursor: pointer;
 }
 #gameInfo .main .url span:hover{
  color: #269abc;
 }
 .small {
   font-size: 14px;
   display: inline;
   color: orangered;
 }

 .mainContent{
   width: 100%;
   background: #fff;
   position: relative;
   padding: 20px 30px;
   margin-top: 20px;
   padding-bottom: 20px;
   box-shadow: 0 0 15px #ccc;
   border-radius:8px; 
 }
 .mainContent .top{
   position: absolute;
   top: 0;
   right: 100px;
 }
 .mainContent .top img{
   width: 150px;
 }
 .topNum {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   color: orangered;
   font-size: 25px;
   text-align: center;
   font-weight: bold;
 }

 .mainContent .title{
   width: 100%;
   color: #333;
   font-weight: bold;
   font-size: 20px;
 }
 .title .eName{
   font-size: 12px;
   color: #6cf;
   margin-top: 5px;
 }
 .mainContent .img{
   width: 170px;
   height: 200px;
   margin-top: 20px;
   float: left;
   display: flex;
   justify-content: center;
   align-items: center;
   overflow: hidden;
   border-radius: 8px;
 }
 .img img{
   height: 100%;
 }
 .mainContent .others{
   width: calc(100% - 170px);
   float: right;
   padding:0 30px;
   padding-top: 20px;
 }
 .others div{
   color: #333;
   display: inline-block;
   margin-bottom: 20px;
   width: 40%;
 }
 .others div span{
   color: rgb(190, 186, 186);
 }
 .others .content{
   width: 90%;
   line-height: 25px;
   word-break: break-all;
 }
 .clearBoth{
   clear: both;
 }





 .download{
   width: auto !important;
   height: auto !important;
   padding: 10px 15px; 
   border-radius:6px; 
   text-align: center;
   color: #fff !important;
   font-weight: bold;
   cursor: pointer;
   position: relative;
   padding-left: 40px;
   box-shadow: 0 0 10px #ccc;
   box-sizing: border-box;
   transition: all .45s ease-in .05s;
   margin-right: 20px;
 }
 .download .logo{
  width: 20px; 
  height: 20px;
  background-size: cover;
  background-image:url('../../img/index/other/androi2.png') no-repeat;
  position: absolute;
  top: 10px;
  left: 12px;
  z-index:4;
  transition: all .45s ease-in .05s;
}
 .android{
   background: #fff;
   color: #01af63 !important;
   border: 2px solid #01af63;
 }
 .android:hover{
  box-shadow: 0 0 10px #01af63;
  background: #01af63;
  color: #fff !important;
 }
 .android .dLogo{
  background-image:url('../../img/index/other/android1.png'); 
 }
 .android:hover .dLogo{
  background-image:url('../../img/index/other/android2.png');
 }
 

 .ios{
  background: #fff;
  color: #2c2c2c !important;
  border: 2px solid #2c2c2c;
}
.ios:hover{
 box-shadow: 0 0 10px #2c2c2c;
 background: #2c2c2c;
 color: #fff !important;
}
.ios .dLogo{
 background-image:url('../../img/index/other/ios1.png'); 
}
.ios:hover .dLogo{
 background-image:url('../../img/index/other/ios2.png');
}


.pc{
  background: #fff;
  color: #6cf !important;
  border: 2px solid #6cf;
}
.pc:hover{
 box-shadow: 0 0 10px #6cf;
 background: #6cf;
 color: #fff !important;
}
.pc .dLogo{
 background-image:url('../../img/index/other/pc1.png'); 
}
.pc:hover .dLogo{
 background-image:url('../../img/index/other/pc2.png');
}


.psp{
  background: #fff;
  color: #e0620d !important;
  border: 2px solid #e0620d;
}
.psp:hover{
 box-shadow: 0 0 10px #e0620d;
 background: #e0620d;
 color: #fff !important;
}
.psp .dLogo{
 background-image:url('../../img/index/other/psp1.png'); 
}
.psp:hover .dLogo{
 background-image:url('../../img/index/other/psp2.png');
}


.evalPhoto{
  width: 100%;
  background: #fff;
  position: relative;
  padding: 20px 30px;
  margin-top: 20px;
  padding-bottom: 30px;
  box-shadow: 0 0 15px #ccc;
  border-radius:8px; 
}
.evalPhoto .text{
  width: 100%;
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: bold;
  color: #333;
}
.evalPhoto .evaluate{
  width: 100%;
  font-size: 15px;
  color: rgb(190, 186, 186);
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: inline-block !important;
  border-bottom:1px dashed #ccc; 
}
.evalPhoto .score{
  color: #6cf;
  position: relative;
  margin-top: 10px;
  font-size: 20px;
  font-weight: bold;
}
.score .scoreNum{
  position: absolute;
  font-size: 16px;
  font-weight: bold;
  background: #6cf;
  top: -1px;
  left: 286px;
  padding: 5px 8px;
  border-radius: 4px;
}
.score .stars{
  position: absolute;
  top: -4px;
  left: 70px;
}
.stars .star{
  width: 30px;
  height: 30px;
  background:url('../../img/index/other/star_1.png') no-repeat;
  background-size: cover;
  display: inline-block;
  margin-left: 5px;
}
.score .star1{
  background:url('../../img/index/other/star_1.png');
  background-size: cover;
}
.score .star05{
  background:url('../../img/index/other/star_05.png');
  background-size: cover;
}
.score .star0{
  background:url('../../img/index/other/star_0.png');
  background-size: cover;
}

.swiper-container{
  margin: 0 !important;
}
.swiper-wrapper{
  height: auto !important;
}
.swiper-slide img{
  height: auto;
}
.button{
  position: relative;
  top: 0;
}



